<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%
	String path = request.getContextPath();
	String basePath = request.getScheme() + "://" + request.getServerName() + ":" + request.getServerPort()
			+ path + "/";
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<base href="<%=basePath%>">

<title>My JSP 'head.jsp' starting page</title>

<meta http-equiv="pragma" content="no-cache">
<meta http-equiv="cache-control" content="no-cache">
<meta http-equiv="expires" content="0">
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="This is my page">
<style type="text/css">
* {
	margin: 0px;
	padding: 0px;
	font-size: 12px;
}

#head {
	height: 40px;
	background: #F5F5F5;
}

#c_head {
	width: 1000px;
	height: 40px;
	position: relative;
	left: 50%;
	margin-left: -500px;
	color: #F8F8F8;
}

#c_head div {
	float: left;
}

#d1 {
	width: 400px;
	position: relative;
	font-family: arial;
	height: 40px
}

#d2 {
	width: 600px;
	position: relative;
	left: 100px;
	height: 40px;
}

#d1 li, #d2 li {
	list-style: none;
	height: 30px;
	float: left;
	position: relative;
	top: 12px;
	margin-left: 20px;
}

#c_head a:VISITED, #c_head a:LINK {
	color: #5c5452;
	text-decoration: none;
}

#c_head a:HOVER {
	color: #F30213;
	font-weight: bold;
}

.s {
	color: #DA1026;
}

.dropdown {
	display: inline-block;
	z-index: 100; /*****************************************************/
}

.dropdown:hover {
	/*background-color: pink;*/
	
}

.dropbtn {
	display: inline-block;
	color: white;
	text-align: center;
	padding: 12px 16px;
	text-decoration: none;
}

.dropdown-content {
	z-index: 100;
	display: none;
	position: absolute;
	background-color: #F5F5F5;
	min-width: 90px;
	box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
}

.dropdown-content a {
	/*color: black;*/
	padding: 12px 16px;
	text-decoration: none;
	display: block;
}

.dropdown-content a:hover {
	background-color: #F73650;
}

.dropdown-content a:hover span {
	color: white;
}

.dropdown:hover .dropdown-content {
	display: block;
}
#nav {
	height: 100px;
	border-bottom: 3px #F73650 solid;
	margin-bottom: 1px;
}

#c_nav {
	height: 100px;
	width: 1000px;
	position: relative;
	left: 50%;
	margin-left: -500px;
	z-index: 80; /******************************************************/
}

#c_nav div {
	float: left;
}

#logo {
	position: relative;
	top: 0px;
	left: 20px;
}



</style>
<script type="text/javascript">
	
</script>
</head>

<body>
	<input type="hidden" id="user"
		value="<%=session.getAttribute("loginUser")%>" />
	<div id="head">
		<div id="c_head">
			<div id="d1">
				<ul>
					<li><a href="index.html">欢迎访问</a></li>
					<c:if test="${loginUser eq null }">
						<li><a href="<%=request.getContextPath()%>/user/login"
							class="login" style="color: #F30213;">请登录</a></li>
						<li><a href="<%=request.getContextPath()%>/user/register"
							class="register">免费注册</a></li>
					</c:if>
					<c:if test="${loginUser ne null }">
						<li><a href="<%=request.getContextPath()%>/user/my_shopping"
							class="user" style="color: #fa2486;">${loginUser.username }</a></li>
						<li><a href="<%=request.getContextPath()%>/user/logout"
							class="user">退出登录</a></li>
					</c:if>
				</ul>
			</div>
			<div id="d2">
				<ul value="${loginUser}">
					<li><a href="<%=request.getContextPath()%>/index.html">购物网首页</a></li>
					<li><a href="<%=request.getContextPath()%>/order/my_order/0">我的订单</a></li>
					<li><a href="<%=request.getContextPath()%>/cart/my_cart"><img
							src="<%=request.getContextPath()%>/img/cart.png">购物车<span
							class="s">${cartSize }</span></a></li>
					<div class="dropdown">
					
						<div class="dropdown-content">
		
							
						</div>
					</div>
					<div class="dropdown">
						<a class="dropbtn" style="color: black">个人中心</a>
						<div class="dropdown-content">
							<a
								href="<%=request.getContextPath()%>/user/personal_imformation"><span>个人信息</span></a>
							<a
								href="<%=request.getContextPath()%>/user/password_imformation"><span>密码修改</span></a>
							<a href="<%=request.getContextPath()%>/user/address_imformation"><span>地址管理</span></a>
						</div>
					</div>
				</ul>
			</div>
		</div>
	</div>

<!-- 搜索框，不需要的页面删除掉  ，原来界面有搜索框的，把那个删除掉用这个，因为css不同 -->
	<div id="nav">
		<div id="c_nav">
			<div id="logo">
				<img src="<%=request.getContextPath()%>/img/logo.png"
					style="height: 102px;" />
			</div>
			
			
		</div>
	</div>
	
</body>
</html>
